<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
<head>
<script type="text/javascript">
	wheel = function(elem) {
		var e = window.event;
		e.preventDefault();
		var delta = e.wheelDelta / 120;
		if(delta >= 0) elem.value = parseInt(elem.value , 10) + 10;
		if(delta <= 0) elem.value = parseInt(elem.value , 10) - 10;
		
	}
	
	$(document).ready(function(){
		console.log('$start_dday');
		
		//com.zpyr.DefinePackage('aa.bb.cc.dd');
		
		var xxxxx = document.getElementById("xxxxx");
		xxxxx.onclick = function(e) {
			console.log(e);
		};
		xxxxx.oncontextmenu = function(e) {
			e.preventDefault();
			console.log(e);
		}
	});
	
</script>
</head>
<body>

<div id="page_dday">
	<div class="tb_normal" style="width:400px; margin-left: 5%;">
	<table>
	<col style="width:100px">
	<col style="width:300px">
	<thead>
	<tr>
	<th>날짜
	</th>
	<th>기념일
	</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td>
	2012-05-11
	</td>
	<td>
	xxxx 날
	</td>
	</tr>
	</tbody>
	</table>
	</div>
	<br />
	<div class="input_normal" style="margin-left: 5%;">
	<input type="text" size="4" maxlength="4" id="xxxxx"  onmousewheel="wheel(this)" value="2012" title="마우스 스크롤 하면 년도가 10단위로 변합니다." />-
	<input type="text" size="2" />-
	<input type="text" size="2" />
	</div>
</div>
	
</body>
</html>